<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>


<!-- row -->
<div class="row">

    <!-- widget grid -->
    <section id="widget-grid" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <div class="well">
            <div class="widget-body-toolbar">
                <strong><spring:message code="LOG_TITLE"/></strong>
            </div>

            <div class="widget-body no-padding" style="margin-top: 10px;">
                <%--<div class="col-sm-9">--%>

                    <div class="row">
                        <div class="col-sm-6">
                            <input type="text" id="txt_search_content" name="search_content" class="form-control" placeholder="Content">
                        </div>
                        <div class="col-sm-3">
                            <input type="text" id="txt_search_actor" name="search_actor" class="form-control" placeholder="User">
                        </div>
                        <div class="col-sm-3">
                            <div class="btn-group pull-right">
                                <a href="javascript:void(0)" class="btn btn-sm btn-primary" id="btn_search"> <i class="fa fa-search"></i> <spring:message code='GLOBAL_BUTTON_SEARCH'/> </a>
                            </div>
                        </div>
                    </div>

                    <div class="row" style="margin-top: 10px;">
                        <div class="col-sm-3">
                            <div class="input-group" style="width:100%">
                                <input class="form-control" type="text" id="txt_search_startTime" name="search_startTime" placeholder="From">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="input-group">
                                <input class="form-control" type="text" id="txt_search_endTime" name="search_endTime" placeholder="To">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <input type="text" id="txt_search_operation" name="search_operation" class="form-control" placeholder="Operation">
                        </div>
                    </div>

                <%--</div>--%>
            </div>
        </div>
        <!--end more search-->
    </section>
</div>
<!-- end row -->

<div class="row">
    <div class="col-sm-12">
        <div class="well">

            <div class="widget-body-toolbar">

            </div>

            <div class="widget-body no-padding" style="margin-top: 10px;">
                <table id="dt_logs" class="table table-striped table-bordered table-hover" width="100%">
                    <thead>
                    <tr>
                        <th style="width:20px"><spring:message code="TABLE_NO"/></th>
                        <th style="width:160px;"><spring:message code="LOG_ID"/></th>
                        <th style="width:160px"><spring:message code="LOG_GRID_CREATE_TIME"/></th>
                        <th style="width:60px;"><spring:message code="LOG_USER"/></th>
                        <th><spring:message code="LOG_GRID_CONTENT"/></th>
                        <th style="width:40px;"><spring:message code="LOG_GRID_OPERATION"/></th>
                        <th style="width:40px;"><spring:message code="LOG_GRID_RESULT"/></th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script src="js/core/business/log/logInit.js"></script>
<%--<script src="js/plugin/pace/pace.min.js"></script>--%>
<%--<script type="text/javascript" src="js/plugin/datetimepicker/datetimepicker.js"></script>--%>
<%--<script type="text/javascript">--%>

    <%--// DO NOT REMOVE : GLOBAL FUNCTIONS!--%>
    <%--pageSetUp();--%>
    <%--// load related plugins--%>
    <%--loadScript("js/plugin/datatables/jquery.dataTables.min.js", function () {--%>
        <%--loadScript("js/plugin/datatables/dataTables.colVis.min.js", function () {--%>
            <%--loadScript("js/plugin/datatables/dataTables.tableTools.min.js", function () {--%>
                <%--loadScript("js/plugin/datatables/dataTables.bootstrap.min.js", function () {--%>
                    <%--loadScript("js/plugin/datatable-responsive/dataTables.responsive.min.js", function () {--%>
                        <%--loadScript("js/core/system/log.js", function () {--%>
                            <%--logs.initPage();--%>
                            <%--logs.initBasicSearchEvent();--%>
                            <%--logs.runDataTables();--%>
                        <%--})--%>
                    <%--});--%>
                <%--});--%>
            <%--});--%>
        <%--});--%>
    <%--});--%>
<%--</script>--%>

